<template>
  <div id="app">
      
    <keep-alive>
        <router-view v-if="$route.meta.keep"></router-view>
    </keep-alive>
      <router-view v-if="!$route.meta.keep"></router-view>
  <!-- vue 组件加载的过程中 把原来的清掉 释放了  新的放上去 -->
  <!-- 加了 keep-alive  切换组件时 会把组件的v_node放到一个对象中缓存 当再次回来 刚才的组件不用重新创建 而是从这个对象里去找  找到直接恢复  可以记住一些状态-->
  
  </div>
</template>
<script>

</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

</style>
